草庐IT

Java Android - 在 ImageView 中裁剪图像

全部标签

javascript - 使用 Jest 测试时使用 webpack 导入图像时 enzyme 渲染失败

我想测试一个简单的组件是否呈现(因为我还在研究Jest)。应用程序本身使用webpack加载图像以显示Logo。当我尝试挂载/渲染/浅化无状态组件时,Jest抛出错误。FAILsrc/components/blog/blogList.spec.jsx●Testsuitefailedtorun/home/requinard/Projects/manus-frontend/src/img/manus_logo.png:Unexpectedcharacter'�'(1:0)>1|�PNG|^2|3|4|IHDR��G}pHYs.#.#x�?vtEXtSoftwareAdobeImageRea

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - 检查字符串是否包含任何图像标签的最简单方法是什么?

例如我有文本:"testestestestttestestestes"我想写一个函数来检查字符串中是否是img标签并返回true 最佳答案 使用正则表达式:"testestestestttestestestes".match(/ 关于javascript-检查字符串是否包含任何图像标签的最简单方法是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14202976/

javascript - 获取内容脚本以在页面加载时附加图像

我刚刚开始学习如何为谷歌浏览器制作扩展程序。到目前为止,我有一个非常基本的了解,所以我想尝试一些小的东西。现在我正试图在每次加载该页面时将图像附加到特定页面上的特定div。扩展加载正常,但javascript代码似乎永远不会运行,图像也永远不会加载。这是我目前拥有的manifest.json文件:{"manifest_version":2,"name":"IconCreator","description":"Createsacustomiconforpage","version":"1.0","content_scripts":[{"matches":["file:///home/t

javascript - 如何防止 <img> 标签加载其图像?

我有以下脚本,它采用带有html信息的字符串(还包含对图像的引用)。当我创建DOM元素时,浏览器正在下载图像的内容。我想知道是否有可能停止这个Beauvoir并暂时阻止加载。我的目标是web-kit和presto浏览器。relativeToAbosluteImgUrls:function(html,absoluteUrl){vartempDom=document.createElement('div');debuggertempDom.innerHTML=html;varimgs=tempDom.getElementsByTagName('img'),i=imgs.length;whi

javascript - Cordova 图像选择器转换为 base64

我无法将图像转换为已使用ngCordovaimagePicker选择的base64格式.为简单起见,Cordova站点上提供的代码(有效)是这样的:module.controller('ThisCtrl',function($scope,$cordovaImagePicker){varoptions={maximumImagesCount:10,width:800,height:800,quality:80};$cordovaImagePicker.getPictures(options).then(function(results){for(vari=0;i结果数组返回一个结果数组,

javascript - JPG 图像未出现在动态 Web 项目的 JSP 中

我正在尝试在我在EclipseIndigoIDE中创建的动态Web项目中使用以下index.jsp文件中的图像。我已经在我的项目文件夹的WebContent下的WEB-INF/images/pict1.jpg下添加了图像。但是当我在浏览器中运行时,图像不可见。文本和提交按钮按预期出现。我错过了什么吗?关于如何显示图像的任何想法?任何帮助将不胜感激。下面是代码。谢谢,桑纳特MyPageContinueContinue 最佳答案 图像“src”属性与您的网络应用程序的上下文根相关。图像不进入WEB-INF。将“图像”文件夹移动到项目的“

javascript - angular ng-repeat后如何访问图像属性?

我正在尝试获取从服务器中提取的图像的图像宽度和高度,以便为其应用适当的样式。所以我使用ng-repeat来填充模板:...我的问题是如何访问img对象以便更改父div类?或者也许angular.js做那样的事情的方式是什么?编辑:更具体。我想访问img对象以获取其宽度和高度以计算其大小以将样式应用于父div(当前类span2)。 最佳答案 我不知道你想做什么,但这听起来像是指令的工作。app.directive('styleParent',function(){return{restrict:'A',link:function(sc

javascript - 如果使用 js 在我的网站上没有图像,如何设置手动默认图像?

如果特定图像在网站上不可用,我想设置手动虚拟图像。另外如何设置该图像是否在服务器上被删除或不可用,在这种情况下我还需要使用JS显示默认图像。 最佳答案 这是跨浏览器的普通JavaScript并且没有任何丑陋的onerror=""标记:varsPathToDefaultImg='http://lorempixel.com/150/100/abstract/2/Placeholder/';varreplaceImageWithPlaceholderIfNotAvail=function(domImg){//sanitizedomImgi